<div class="wrap">
  <div class="head">
    <div>
      <nz-select [(ngModel)]="type" nzSize="large">
        <nz-option nzValue="1" nzLabel="兑币机/售货机/门闸"></nz-option>
        <!--        <nz-option nzValue="2" nzLabel="门闸"></nz-option>-->
      </nz-select>
    </div>
    <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
      <input type="text" nz-input placeholder="请输入设备号" [(ngModel)]="deviceNo"/>
    </nz-input-group>
    <ng-template #suffixButton>
      <button nz-button nzType="primary" nzSize="large" nzSearch (click)="toSearch()">查询App设备日志目录</button>
    </ng-template>
  </div>
  <div class="body">
    <nz-spin [nzSpinning]="isSpinning">
      <div class="list" *ngFor="let item of list;let index=index" (click)="noticeDownloadFile(index,item)">
        <nz-card nzHoverable style="width:250px" [nzCover]="coverTemplate">
          <nz-card-meta *ngIf="item.type==1" nzTitle="{{item.fileName}}"></nz-card-meta>
          <nz-card-meta *ngIf="item.type==0" nzTitle="{{item.fileName}}"
                        nzDescription="{{item.size/1000}}KB"></nz-card-meta>
        </nz-card>
        <ng-template #coverTemplate>
          <div class="img-file">
            <img alt="example" src="/assets/img/dirlogo.png"/>
          </div>
        </ng-template>
      </div>
    </nz-spin>

  </div>

</div>
